<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>企业网站布局实践</title>
		<link href="css/main.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/setHomeSetFav.js" charset="gb2312"></script>
		<script type="text/javascript" src="js/myfocus-2.0.1.min.js" ></script>
		<script type="text/javascript" src="js/mf-pattern/mF_fancy.js" ></script>
		<link href="js/mf-pattern/mF_fancy.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript">
			myFocus.set({
				id:"picBox"
			})
		</script>
	</head>
	<body>
		<div class="top">
			<div class="top_menu">
				<ul>
					<li><a href="#">联系我们</a></li>
					<li><a href="#" onclick="AddFavorite(window.location,document.title)"> 加入收藏</a></li>
					<li><a href="#" onclick="SetHome(window.location)">设为首页</a></li>
				</ul>
			</div>
		</div>
		<div class="wrap">
			<div class="logo">
				<div class="logo_left">
					<img src="images/logo.jpg">
				</div>
				<div class="logo_right">
					<img src="images/tel.jpg">24小时服务热线：<span class="tel">123-456-7890</span>
				</div>
			</div>
			
			<div class="nav">
				<div class="nav_left"></div>
				<div class="nav_content">
					<div class="nav_content_left">
						<ul>
							<li><a href="#">首页</a></li>
							<li><a href="#">关于慕课</a></li>
							<li><a href="#">新闻动态</a></li>
							<li><a href="#">课程中心</a></li>
							<li><a href="#">在线课程</a></li>
							<li><a href="#">人才招聘</a></li>
						</ul>
					</div>
					<div class="nav_content_right">
						<form action="" method="post">
							<input type="text" class="search_text"/>
						</form>
					</div>
				</div>
				<div class="nav_right"></div>
			</div>
			<div class="ad" id="picBox">
				<div class="loading"><img src="images/loading.gif" alt="图片加载中"></div>
				<div class="pic">
					<ul>
						<li><img src="images/ad2.jpg" alt="" /></li>
						<li><img src="images/ad3.jpg" alt="" /></li>
						<li><img src="images/ad4.jpg" alt="" /></li>
					</ul>
				</div>
			</div>
			<div class="main">
				<div class="news">
					<div class="title">
						<h2 class="title_left">新闻中心</h2> <span class="title_right"><a href="#" >More&gt;&gt;</a></span>
					</div>
					<div class="pic_news">
						<img src="images/news.jpg" /><h2><a href="#">520 喊你来表白</a></h2><p>活动时间:5月20日-5月25日<br>获奖公布时间：5月26日<br><a href="#">Learn More&gt;&gt;</a></p>
					</div>
					<div class="news_list">
						<ul>
						    <li><a href="http://www.imooc.com/" >【慕客访谈 用户篇】“有为屌丝”在路上</a></li>
						    <li><a href="http://www.imooc.com/">【有奖活动】给父亲的三行书信</a></li>
						    <li><a href="http://www.imooc.com/">《程序猿，请晒出你的童年》活动获奖公告</a></li>
						    <li><a href="http://www.imooc.com/">【慕课访谈】破茧成蝶——美女程序员的蜕变史</a></li>
						    <!--<li><a href="http://www.imooc.com/">【获奖公告】追“球”巅峰，争当“预言帝”</a></li>
						    <li><a href="http://www.imooc.com/">【问卷调查】慕课网用户学习情况大调查</a></li>-->
					  	</ul>

					</div>
				</div><!--news结束-->
				<div class="course">
					<div class="title">
						<h2 class="title_left">课程中心</h2> <span class="title_right"><a href="#" >More&gt;&gt;</a></span>
					</div>
					
					<div class="course_pic">
						<img src="images/css.jpg"><h2><a href="#">CSS圆角进化论</a></h2><p>一个人的力量总有限，更多精彩的myFocus“风格集”还需要你的加入。如果你热爱开发，同时也热爱分享，那么，欢迎把你…<br><a href="#">Learn More&gt;&gt;</a></p>
					</div>
					<div class="course_type">
						<ul>
							<li>PHP开发</li>
							<li>前端开发</li>
							<li>Java开发</li>
							<li>Android开发</li>
						</ul>
					</div>
				</div><!--course结束-->
				<div class="sidebar">
					<div class="video">
						<div class="title">
							<h2 class="title_left">媒体聚焦</h2> <!--<span class="title_right"><a href="#" >More&gt;&gt;</a></span>-->
						</div>
						<div class="video_content">
							<embed src='http://player.youku.com/player.php/sid/XMzQxMTI1MTQ0NA==/v.swf' allowFullScreen='true' quality='high' width='228' height='145' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>
						</div>
					</div>
					<div class="sidebar_ad">
						<img src="images/app.jpg">
					</div>
				</div><!--sidebar结束-->
			</div><!--main结束-->
		</div><!--wrap结束-->
		<div class="footer">
			<div class="footer_content">
				<ul>
					<li>关于
						<ul>
							<li>品牌故事</li>
							<li>联系我们</li>
							<li>加入我们</li>
							<li>版权声明</li>
						</ul>
					</li>
					<li>课程
						<ul>
							<li>PHP开发</li>
							<li>前端开发</li>
							<li>Java开发</li>
							<li>Android开发</li>
						</ul>
					</li>
					<li>关注
						<ul>
							<li>新浪微博</li>
							<li>腾讯微博</li>
							<li>企业微信</li>
							<li>QQ空间</li>
						</ul>
					</li>
					<li>留言
						<ul>
							<li>留言反馈</li>
							<li>问题留言</li>
							<li>媒体联络</li>
							<li>在线客服</li>
						</ul>
					</li>
					<li><img src="images/weixin.png">微信关注
						<ul>
							<li><img src="images/qrcode.jpg"></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
